<template>
    <div>
        <div class="common-layout">
            <el-container>
                <el-header><el-avatar :size="50" :src="circleUrl" /></el-header>
                <el-container>
                    <el-aside width="200px">
                        <div class="flex flex-wrap items-center gap-4">
                            <el-dropdown placement="top-start">
                                <el-button> topStart </el-button>
                                <template #dropdown>
                                    <el-dropdown-item>Action 1</el-dropdown-item>
                                    <el-dropdown-item>Action 2</el-dropdown-item>
                                    <el-dropdown-item>Action 3</el-dropdown-item>
                                    <el-dropdown-item>Action 4</el-dropdown-item>
                                    <el-dropdown-item>Action 5</el-dropdown-item>
                                </template>
                            </el-dropdown>

                            <el-dropdown placement="top-start">
                                <el-button> topStart </el-button>
                                <template #dropdown>
                                    <el-dropdown-item>Action 1</el-dropdown-item>
                                    <el-dropdown-item>Action 2</el-dropdown-item>
                                    <el-dropdown-item>Action 3</el-dropdown-item>
                                    <el-dropdown-item>Action 4</el-dropdown-item>
                                    <el-dropdown-item>Action 5</el-dropdown-item>
                                </template>
                            </el-dropdown>

                        </div>
                    </el-aside>
                    <el-main>中间</el-main>
                </el-container>
            </el-container>
        </div>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped></style>